<template>
	<view class="container">
		<uni-card class="bind-card">
			<uni-row class="demo-uni-row" :gutter="8" v-for="item,index in 3" style="margin-top: 20rpx; padding-bottom:20rpx;">
				<uni-col :span="2">
					<checkbox-group v-if="index == 0" class="tui-checkbox">
						<checkbox :checked="true" color="#fff" style="padding:48rpx 0;" disabled/>
					</checkbox-group>
				</uni-col>
				<uni-col :span="index == 0 ? 18 : 20">
					<uni-col>
						<uni-tag text="默认" v-if="index == 0" size="small" type="error" style="margin-right: 0.2rem; margin-bottom: 0.3rem;"></uni-tag>
						<uni-tag text="地址标签" size="small" type="primary" style="margin-right: 0.2rem; margin-bottom: 0.3rem;"></uni-tag>
						<text style="margin: 0.3rem 0 0 0.3rem">王勇</text>
						<text style="margin: 0.3rem 0 0 0.3rem; font-size:.8rem; color: #5a5959;">13898991755</text>
					</uni-col>
					<uni-col>
						<text style="font-size:.8rem; color: #5a5959;">定位地址</text>
					</uni-col>
					<uni-col>
						<text style="font-size:.8rem; color: #5a5959;">定位地址</text>
					</uni-col>
				</uni-col>
				<uni-col :span="2" style="text-align: center;">
					<view style="padding:48rpx 0;">
						<uni-icons class="iconfont iconbianji1"></uni-icons>
					</view>
				</uni-col>
				<uni-col :span="2" style="text-align: center;">
					<view style="padding:48rpx 0;">
						<uni-icons class="iconfont iconshanchu"></uni-icons>
					</view>
				</uni-col>
			</uni-row>
		</uni-card>
		<tui-button style="margin: auto; margin-top: 40rpx;" width="88%" height="90rpx" :size="30" type="primary" shape="circle">确定</tui-button>
	</view>
</template>

<script>
	import tuiButton from '@/components/button/button';
	export default {
		components: {
			tuiButton,
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style>
	.bind-card{
		margin: 0;
	}
	.tui-checkbox {
	    width: 27px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    float: left;
	    margin-right: 5px;
	}
	.demo-uni-row:not(:last-child){
		border-bottom: solid 1px #878787;
	}
</style>
